<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="content-type" content="text/html;
	charset=UTF-8">
 <meta charset="utf-8">
 <meta name="renderer" content="webkit">
 <title>360个人中心-帐号信息-我的头像</title>
 <meta name="Keywords" content="360个人中心">
 <meta name="Description" content="360个人中心">
 <meta property="qc:admins" content="155766667260636">
 <!--公共的样式-->
 <link rel="stylesheet" href="/center_info_photo_files/base.css">
 <!--页面自定义样式-->
 <link rel="stylesheet" href="/center_info_photo_files/uc_info_avator.css"></head>
<script src="/jquery-1.8.3.min.js"></script>
<style>
  #btn{
    width:150px;
   height: 30px;
   background:#59CE2A;
   border:0px;
   color:white;
   font-size:16px;
   cursor:pointer;
   border-radius:4px;
  }
</style>
<body style="height:741px;">
<!--通用顶部导航开始-->
@include('layout/center_nav')
<!--通用顶部导航结束-->
<div id="doc3">
 <div id="bd">
  <div class="grid-2 clearfix">
   <div class="aside">
    <div class="aside-menu">
     <ul>
      <li class="current">
       <a href="infophoto">
        <i class="ico ico-1"></i>我的头像</a>
      </li>
      <li>
       <a href="basicinfo">
        <i class="ico ico-2"></i>基本资料</a>
      </li>
      <li>
       <a href="detailedinfo">
        <i class="ico ico-3"></i>详细资料</a>
      </li>

     </ul>
    </div>
   </div>
   <div class="article">
    <div class="mod-3">
     <div class="art-mod">
      <div class="mod-setavator">
       <div class="area1" id="area_flash">
        <div class="tit1">
         <form action="changephoto" method="post" enctype="multipart/form-data">
        <div class="photo clearfix">
         <input type="hidden" name="id" value="{{$uid}}">
              <div class="mws-form-row bordered">
                  <label style="font-size:14px;color:#9b9b9b;">点击更换头像</label>
                     <div class="mws-form-item">
                      @if($userpic)
                         <img id="img0" src="{{$userpic}}" alt="" width="180" style="cursor: pointer" onclick='$("#file0").click()'>
                      @else
                          <img id="img0" src="/upload/1.jpg" alt="" width="180" style="cursor: pointer" onclick='$("#file0").click()'>
                      @endif
                      <div  style="display:none" >
                       <input type="file" name="picname" id="file0" multiple="multiple" />
                      </div>
                  </div>
              </div>
         <div class="photor">

           {{ csrf_field() }}
           {{--<input type="file" name="picname">--}}
          <p class="text-tip">支持JPG、PNG、GIF图片类型，不能大于3M。推荐尺寸：180PX*180PX<br></p>
          <p style="height:30px;">
           <button class="btn4" id="btn">上传图片</button>
           {{--<input value="上传图片" class="btn4" id="ajaxbtn"  type="button"></p>--}}
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
    </form>
  </div>
 </div>
  {{--公共尾部--}}
 @include('layout/center_footer')
</div>

<!--公共的js-->
 <script src = "/jquery-1.8.3.min.js"></script>
 <script type="text/javascript">

  // alert($);
  $("#file0").change(function(){
   var objUrl = getObjectURL(this.files[0]) ;
   console.log("objUrl = "+objUrl) ;
   if (objUrl) {
    $("#img0").attr("src", objUrl) ;
   }
  }) ;

  $("#file1").change(function(){
   var objUrl = getObjectURL(this.files[0]) ;
   console.log("objUrl = "+objUrl) ;
   if (objUrl) {
    $("#img1").attr("src", objUrl) ;
   }
  }) ;

  $("#file2").change(function(){
   var objUrl = getObjectURL(this.files[0]) ;
   console.log("objUrl = "+objUrl) ;
   if (objUrl) {
    $("#img2").attr("src", objUrl) ;
   }
  }) ;

  function getObjectURL(file) {
   var url = null ;
   if (window.createObjectURL!=undefined) { // basic
    url = window.createObjectURL(file) ;
   } else if (window.URL!=undefined) { // mozilla(firefox)
    url = window.URL.createObjectURL(file) ;
   } else if (window.webkitURL!=undefined) { // webkit or chrome
    url = window.webkitURL.createObjectURL(file) ;
   }
   return url ;
  }


 </script>
 <script>
    $('#cen_info').addClass('current');
    $('#cen_index').removeClass('current');
    $('#cen_help').removeClass('current');
    $('#cen_safe').removeClass('current');
    // 上传按钮颜色事件
    $('#btn').hover(function(){
      $(this).css('background','#81E858');
    },function(){
     $(this).css('background','#59CE2A');
    })
 </script>

</body>

</html>
<!-- <br>	2129494c7414ffc2	==	page_load
<br>	2129494c7414ffc2	==	page_load:0.034
-->